import { PureComponent } from 'react'
import { Modal, InputNumber, Select } from 'antd'
import styles from './costpriceModal.less'
const { Option } = Select
class CostpriceModal extends PureComponent{
    handleCancel = () => {
        const { onCancel } = this.props
        onCancel()
    }
    handleOk = () => {
        const { onOk } = this.props
        onOk()
    }
    render(){
        const { visible } = this.props
        return(
            <Modal
                title="成本价格详情"
                visible={visible}
                onOk={this.handleOk}
                onCancel={this.handleCancel}
            >
                <div className={styles.costpriceModalSearch}>
                    <span className={styles.costpriceModalSpan}>目的港：</span>
                    <Select className={styles.costpriceModalInput}>
                        <Option value="value">value</Option>
                    </Select>
                </div>
                <div className={styles.costpriceModalSearch}>
                    <span className={styles.costpriceModalSpan}>成本类型：</span>
                    <Select className={styles.costpriceModalInput}>
                        <Option value="value">value</Option>
                    </Select>
                </div>
                <div className={styles.costpriceModalSearch}>
                    <span className={styles.costpriceModalSpan}>供应商：</span>
                    <Select className={styles.costpriceModalInput}>
                        <Option value="value">value</Option>
                    </Select>
                </div>
                <div className={styles.costpriceModalSearch}>
                    <span className={styles.costpriceModalSpan}>成本项：</span>
                    <Select className={styles.costpriceModalInput}>
                        <Option value="value">value</Option>
                    </Select>
                </div>
                <div className={styles.costpriceModalSearch}>
                    <span className={styles.costpriceModalSpan}>成本项：</span>
                    <InputNumber className={styles.costpriceModalInput} />
                </div>
            </Modal>
        )
    }
}
export default CostpriceModal